@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url('https://fonts.googleapis.com/css?family=Lato');
@import url('https://fonts.googleapis.com/css?family=Nothing+You+Could+Do');

.sans{
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
    letter-spacing: .2rem;
    line-height: 1.6rem;
}
.sans-b{
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 500;
    letter-spacing: .2rem;
    line-height: 2rem;
}
.number{
    font-family: 'Nothing You Could Do', cursive;
    font-weight: 600;
    line-height: 1.7rem;
    font-size: 200%;
    color: #b71030;
}
.small{
    font-size: 60%;
    line-height: 1rem;
    letter-spacing: .1rem;
}
.title-s{
    font-family:"游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: 400;
    letter-spacing: .2rem;
    font-size:75%;
    color: #b71030;
}
.title{
  font-family:"游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: 400;
  letter-spacing: .2rem;
  line-height: 3rem;
    text-align: justify;   
  text-justify: inter-ideograph;    
}
.title-big{
  font-family:"游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: 400;
  letter-spacing: .2rem;
  line-height: 5rem;
}
.intro{
  font-family:"游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: 400;
  letter-spacing: .2rem;
  line-height: 2rem;
  text-align: justify;
  text-justify: inter-ideograph;
}
.intro-body{
  font-family:"游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: 400;
  letter-spacing: .2rem;
  line-height: 1.5rem;
}
.red{
    color: #b71030;
}
.bold{
    font-weight: 600;
}
.red-b{
    color: #b71030;
    font-weight: 600;
}
.border{
    border-top: solid 5px;
    border-color: #b71030;
}
.waku{
    background: #ffffff;
    padding: 2em;
    border-radius: 0em;
}
.waku-o{
    padding: 2em;
    border-radius: 0em;
    background: rgba(255, 255, 255, 0.7);
}
.small-size{
    height: 100px;
}
.text-light{
   text-shadow: 0 0 10px #fff,0 0 15px #fff;
	}

.display-5 {
  font-size: 2.6rem;
  font-weight: 400; }
.balloon {
  background: #ffffff;
  padding: 2em;
  position: relative;
}
.balloon:after {
  border-top: 30px solid #fff;
  border-right: 30px solid transparent;
  border-left: 30px solid transparent;
  content: '';
  margin-left: -30px;
  position: absolute;
  bottom: -30px;
  left: 50%;
}
.strong {
background: linear-gradient(transparent 40%, #ffff66 40%);
}
.menu-trigger,
.menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.menu-trigger {
	position: relative;
	width: 30px;
	height: 30px;
}
.menu-trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #000000;
	border-radius: 4px;
}
.menu-trigger span:nth-of-type(1) {
	top: 10px;
}
.menu-trigger span:nth-of-type(2) {
	top: 20px;
}
.menu-trigger span:nth-of-type(3) {
	top: 30px;
}
.menu-trigger.active span:nth-of-type(1) {
	-webkit-transform: translateY(10px) rotate(-45deg);
	transform: translateY(10px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
	opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
	-webkit-transform: translateY(-10px) rotate(45deg);
	transform: translateY(-10px) rotate(45deg);
}
.left{
  float: left;
}
a {
    outline: none !important;
}